
var required = '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>';
	
	Ext.define('prac.view.prac_form', {
		extend: 'Ext.form.Panel',
		xtype : 'prac_form',
		initComponent : function(){
			Ext.apply(this,{
			
			layout : 'auto',
			collapsible : false,
			id : 'prac_form_id',
			autoDestroy: true,
			frame : false,
			border: false,
			title : 'Create View',
			bodyPadding : '5 5 5 5',
			autoWidth: true,
			bodyStyle : 'padding:15px; background:transparent',
			height: 300,
			fieldDefaults : {
				msgTarget : 'side', 
				labelWidth : 70,
			},
			defaultType : 'textfield', 
			items : [{
						fieldLabel : 'First Name',
						afterLabelTextTpl : required,
						id : 'firstName',
						allowBlank : false,
					},
					{
						fieldLabel : 'Last Name',
						afterLabelTextTpl : required,
						id : 'lastName',
					},
					{
						fieldLabel : 'Company',
						id : 'company',

					},
					{
						fieldLabel : 'Email',
						afterLabelTextTpl : required,
						id : 'email',
						vtype : 'email',
					},
					{

						fieldLabel : 'DOB',
						id : 'dob',
						xtype : 'datefield',
					},
					{
						fieldLabel : 'Age',
						id : 'age',
						xtype : 'numberfield',
						minValue : 0,
						maxValue : 100
					},
					{
						xtype : 'combo',
						fieldLabel : 'Coworker',
						id : 'coworker',
						store : new Ext.data.SimpleStore(
								{
									fields : [ 'value', 'text' ],
									data : [ [ '������', '������' ],
											[ '�ǰ��', '�ǰ��' ],
											[ '����ö', '����ö' ], ],
								}),
						valueField : 'value',
						displayField : 'text',
						triggerAction : 'all',
						editable : false,

					}],
					buttonAlign : 'center',
					buttons : [ {
						text : 'Save',
						action: 'saveData'
					}, {
						text : 'Cancel',
						action: 'cancelData'
					}]
				});
				this.callParent(arguments);
			}
		});

